<template>
  <div class="partner">
    <section class="banner">
      <img src="@/assets/banner/home_pic_yj.png">
    </section>
    <section class="partner-container">
      <div class="title">
        <div class="title-cn">合作伙伴</div>
        <div class="title-en">携手共赢，与全国合作伙伴共建智造生态</div>
        <div class="title-line"></div>
      </div>
      <Row class="partner-container-logo" v-for="(item, index) in logoData" :key="index">
        <Col :span="6" class="partner-container-item" v-for="(itemImg, indexImg) in item" :key="indexImg">
          <div class="item">
            <img :src="itemImg">
          </div>
        </Col>
      </Row>
    </section>

  </div>
</template>

<script>
export default {
  data () {
    return {
      logoData: [[
        '/imgs/partner_logo/home_logo_zgyd.png',
        '/imgs/partner_logo/home_logo_zglt.png',
        '/imgs/partner_logo/home_logo_zgdx.png',
        '/imgs/partner_logo/home_logo_pfyh.png',
      ], [
        '/imgs/partner_logo/home_logo_jsyh.png',
        '/imgs/partner_logo/home_logo_shdq.png',
        '/imgs/partner_logo/home_logo_zgyd.png',
        '/imgs/partner_logo/home_logo_zgyd.png',
      ], [
        '/imgs/partner_logo/home_logo_zgyd.png',
        '/imgs/partner_logo/home_logo_zgyd.png',
        '/imgs/partner_logo/home_logo_zgyd.png',
        '/imgs/partner_logo/home_logo_zgyd.png',
      ]]
    }
  },
  mounted() {

  },
  methods: {
  }
}
</script>

<style scoped>
.partner {
  background-color: #F5F5F5;
}
.banner {
  width: 100%;
  max-height: 360px;
  overflow: hidden;
}
.banner img {
  width: 100%;
}
.title {
  width: 100%;
  margin: 100px 0 0 0;
  text-align: center;
}
.title .title-cn {
  font-size: 30px;
  color: rgba(51,51,51,1);
  line-height: 42px;
}
.title .title-en {
  font-size: 14px;
  color: rgba(103,103,103,1);
  line-height: 20px;
  margin-top: 12px;
}
.title .title-line {
  margin: 24px auto;
  width: 1px;
  height: 32px;
  background: rgba(230,230,230,1);
}
.partner-container {
  padding-bottom: 180px;
}
.partner-container-logo {
  width: 1200px;
  margin: 0 auto;
}
.partner-container-item {
}
.item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 285px;
  height: 120px;
  background-color: #fff;
  margin-bottom: 20px;
}
.item img {
  max-width: 170px;
}
</style>
